@import './w';
@import './reset';
@import './mixin';

header {
    height: 28px;
    background-color: #f4f4f4;

    .w {
        .zp {
            line-height: 28px;
            font-size: 10px;
            float: left;
            width: 300px;
            color: #c2a842;
        }

        ul {
            float: right;
            height: 28px;
            width: 600px;
        }

        li {
            line-height: 28px;
            float: left;
            padding: 0 10px;
            color: #666;
            font-size: 10px;
            background: url("../../static/images/shu.png") no-repeat center right;
        }
        .active {
            cursor: pointer;
        }

        li:nth-child(1),
        header .w ul>li:last-child {
            background: none;
        }

        li:nth-child(2) {
            color: red;
        }
    }
}

section.w {
    @include clear();
    position: relative;


    .section-t {
        height: 84px;

        img {
            float: left;
            margin-top: 32px;
        }

        div {
            position: relative;

            span {
                font-weight: bold;
                display: block;
                float: left;
                width: 200px;
                font-size: 20px;
                padding-left: 20px;
                margin-top: 44px;
                color: red;
            }

            input {
                text-indent: 2em;
                float: left;
                margin-left: 100px;
                font-size: 10px;
                color: #666;
                border: 1px solid #ccc;
                width: 396px;
                height: 40px;
                margin-top: 40px;
            }

            p {
                float: left;
                width: 80px;
                line-height: 40px;
                text-align: center;
                background-color: red;
                color: #f4f4f4;
                margin-top: 40px;
            }
        }
    }
    .imgs_ewm {
        position: absolute;
        top: 0;
        right: 130px;
    }

    .section-r {
        height: 50px;
        margin-top: 30px;

        p {
            font-size: 12px;
            line-height: 50px;
        }

        .pl {
            position: relative;
            padding-left: 15px;
            float: left;
            width: 200px;
            color: #fff;
            background-color: red;

            span {
                position: absolute;
                content: '\e90d';
                color: yellow;
            }
        }

        .pr {
            float: left;
            width: 900px;

            span {
                padding: 0 15px;
            }
        }
    }

    height: 165px;
}

#listGo, #register{
    cursor: pointer;
}
